<template>
  <div class="index">
    <router-view></router-view>
    <div class="btn">
      <router-link to="/home/index" class="router-link-exact-active activ">首页</router-link>
      <router-link to="/home/bbt"  class='activ'>爆爆团</router-link>
      <router-link to="/home/order"  class='activ'>订单</router-link>
      <router-link to="/home/mine"  class='activ'>我的</router-link>
    </div>
  </div>
</template>
<script>
import router from '@/router';

export default {
  components: { router },
  data(){
    return {
    }
  }
}
</script>
<style>
.btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 40px;
  width: 100%;
  background-color: #fbf6f6;
  box-sizing: border-box;
  position: fixed;
  border-top: 1px solid #bfbcbc;
  bottom: 0;
}
.activ{
  color: black;

  text-decoration: none;
}
.router-link-active{
  color: red;
}
</style>